<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>样式</title> 
		<style>
			h3{
				color:#be3ba8; /*字体颜色 rgb: red红色，green绿色，blue蓝色 0~F  十六进制  alt+鼠标点击*/
				font-size: 20px; /*字体大小*/
				text-align:center;  /*文本居中*/
			}
			p{
				color:red;
			}
			size{
				  font-size:130px;
			}
			#col{
				color:red ;
				font-family:
				font-weight:
				
			}
			li{
				color:red;
			}
		</style>
		<!-- 引入cess文件 -->
		<link " href="css/font style.css" rel="stylesheet "/>
	</head>
	<body>
		<!-- css:层叠样式表，级联样式表，用来布局和美化页面 -->
	<!-- 	引入样式
		1.内联样式（行内式）：在开始标签中用style属性（ 控制一个标签）
		2.内部样式（内嵌式）：在html文件的head标签中用style标签来书写（ 控制一个页面）
		3.外部样式（链入式）：（ 控制多个页面）
		 step1: 创建css文件，书写样式
		 stpe2: 在html 文件中引入 css文件
		 内联样式优先级最高，谁离标签最近，谁的优先级最高-->
		<!-- 选择器：
		 1.标签选择器
		 2.类选择器
		 3.id选择器（ 具有唯一性，只出现一次） --> 
		<h1 style="color:blue;" class="size">古诗中文网</h1>
		<h3 style="color:red;">蒹葭</h3>
		<p>蒹葭苍苍，白露为霜</p>
		<p id="col">所谓一人，在水一方</p>
		<ul>
			<li>第一列</li>
			<li>第二列</li>
		</ul>
	</body>
</html>
